<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="created" content="2019-12-17T06:18:10.521000000">
    <meta name="changed" content="2019-12-17T06:18:42.262000000">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="en">
    <title>
      Tutorial: Orienting yourself
    </title>
    <link rel="stylesheet" type="text/css" href="../../style.css">
  </head>
  <body>
    <div class="maindiv">
      <p>
        <b>Previous:</b> <a href="index.html">Beginner's tutorial</a>
      </p>
      <h2>
        Step 0: Orienting yourself
      </h2>
      <p>
        When you start Logisim, you'll see a window similar to the following. Some of the details may be slightly different since you're likely using a different system than mine.
      </p>
      <p align="center">
        <img src="../../../img-guide/tutorial-0-blank.png" alt="0-blank">
	  </p>
      <p>
        All Logisim is divided into three parts, called the <a href="../gui/gui-explore.html">explorer pane</a>, the <a href="../gui/gui-attribut.html">attribute table</a>, and the <a href="../gui/gui-canvas.html">canvas</a>. Above these parts are the <a href="../gui/gui-menu.html">menu bar</a> and the <a href="../gui/gui-toolsbar.html">toolbar</a>
      </p>
      <p align="center">
        <img src="../../../img-guide/tutorial-shot-labeled.png" alt="#########">
      </p>
      <p>
        We can quickly dispose of the explorer pane and the attribute table: We won't be examining them in this tutorial, and you can just ignore them. Also, the <a href="../menu/index.html">menu bar</a> is self-explanatory.
      </p>
      <p>
        That leaves the <a href="../gui/gui-toolsbar.html">toolbar</a> and the <a href="../gui/gui-canvas.html">canvas</a>. The canvas is where you'll draw your circuit; and the toolbar contains the tools that you'll use to accomplish this.
      </p>
      <p>
        <b>Next:</b> <a href="tutor-gates.html">Step 1: Adding gates</a>
      </p>
    </div>
  </body>
</html>
